/************************************************
  **********       作者:邓琪昌         **********
   **********     版本号:1.0.7        **********
   *********************************************/
/* 如果unify ui应用到非法的程序中，比如涉及赌博，暴力等方面。因此产生纠纷等法律问题，unify ui不承担任何责任 */
/* #ifndef APP-PLUS-NVUE */
	page{background-color: $unify-color-page;}
/* #endif */
/* ====================
		容器属性
======================= */

/* 从上到下排布 */
.column-column {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	overflow:hidden;//超出隐藏
	word-break: break-all;//文本超出换行
	flex-direction: column !important;
	/* #endif */
}
/* 从下到上排布 */
.column-reverse {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	overflow:hidden;//超出隐藏
	word-break: break-all;//文本超出换行
	/* #endif */
	flex-direction: column-reverse !important;
}

/* 是默认值，所有的 flex 成员项都排列在容器的前部（默认） */
.column-top {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	flex-direction: column !important;
	/* #endif */
	justify-content: flex-start !important;
}

/* 成员项排列在容器的后部 */
.column-bottom {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	flex-direction: column !important;
	/* #endif */
	justify-content: flex-end !important;
}

/* 成员项排列在容器垂直中间 */
.column-middle {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	flex-direction: column !important;
	/* #endif */
	justify-content: center !important;
}

/* 则是上对齐，所有的成员项排列在容器顶部； */
.column-start {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	flex-direction: column !important;
	/* #endif */
	align-items: flex-start !important;
}

/* 是中间对齐，所有成员项都垂直地居中显示。 */
.column-center {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	flex-direction: column !important;
	/* #endif */
	align-items: center !important;
}

/* 是底部对齐，所有成员项都垂直地居底显示。 */
.column-end {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	flex-direction: column !important;
	/* #endif */
	align-items: flex-end !important;
}

/* 垂直居中 */
.column-middle-center {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	flex-direction: column !important;
	/* #endif */
	justify-content: center !important;
	align-items: center !important;
}

/* ===超出换行=== */
.row-wrap {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	/* #endif */
	flex-direction: row !important;
	flex-wrap: wrap !important;
}

/* 排布方向与flex-direction:row相反 */
.row-reverse-wrap {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	/* #endif */
	flex-direction: row-reverse !important;
	flex-wrap: wrap !important;
}

/*超出不换行 */
.row-nowrap {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	overflow:hidden;//超出隐藏
	word-break: break-all;//文本超出换行
	/* #endif */
	flex-direction: row !important;
	flex-wrap: nowrap !important;
}

/* 排布方向与flex-direction:row相反 */
.row-reverse-nowrap {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	overflow:hidden;//超出隐藏
	word-break: break-all;//文本超出换行
	/* #endif */
	flex-direction: row-reverse !important;
	flex-wrap: nowrap !important;
}

/* 是默认值，所有的 flex 成员项都排列在容器的前部（默认） */
.row-start {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	/* #endif */
	flex-direction: row !important;
	justify-content: flex-start !important;
}

/* 成员项排列在容器的后部 */
.row-end {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	/* #endif */
	flex-direction: row !important;
	justify-content: flex-end !important;
}

/* 成员项排列在容器居中 */
.row-center {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	/* #endif */
	flex-direction: row !important;
	justify-content: center !important;
}

/* 横向两端对齐,位于各行之间留有空白的容器内 */
.row-space-between {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	/* #endif */
	flex-direction: row !important;
	justify-content: space-between !important;
}

/* 横向两端对齐,位于各行之前、之间、之后都留有空白的容器内 */
.row-space-around {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	/* #endif */
	flex-direction: row !important;
	justify-content: space-around !important;
}

/* 则是上对齐，所有的成员项排列在容器顶部； */
.row-top {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	/* #endif */
	flex-direction: row !important;
	align-items: flex-start !important;
}

/* 是中间对齐，所有成员项都垂直地居中显示。 */
.row-middle {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	/* #endif */
	flex-direction: row !important;
	align-items: center !important;
}

/* 是底部对齐，所有成员项都垂直地居底显示。 */
.row-bottom {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	/* #endif */
	flex-direction: row !important;
	align-items: flex-end !important;
}

/* 垂直居中 */
.row-middle-center {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	position: relative;
	/* #endif */
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
}
/* ====================
		内、外边距
 ======================*/
$distance-map:(
	xs:$unify-distance-xs,
	sm:$unify-distance-sm,
	md:$unify-distance-md,
	lg:$unify-distance-lg,
	xl:$unify-distance-xl,
	xxl:$unify-distance-xxl,
);
@each $size in xs,sm,md,lg,xl,xxl {
	/* 外边距 */
	.margin-#{$size} {margin: map-get($map: $distance-map, $key: $size);}
	/* 外边距顶部距离 */
	.margin-top-#{$size} {margin-top: map-get($map: $distance-map, $key: $size);}
	/* 外边距底部距离 */
	.margin-bottom-#{$size} { margin-bottom: map-get($map: $distance-map, $key: $size);}
	/* 外边距左边距离 */
	.margin-left-#{$size} {margin-left: map-get($map: $distance-map, $key: $size);}
	/* 外边距右边距离 */
	.margin-right-#{$size} {margin-right: map-get($map: $distance-map, $key: $size);}
	/* 水平方向外边距 */
	.margin-lr-#{$size} {margin-left: map-get($map: $distance-map, $key: $size);margin-right: map-get($map: $distance-map, $key: $size);}
	/* 左右上方向外边距 */
	.margin-lrt-#{$size} {margin-left: map-get($map: $distance-map, $key: $size);margin-right: map-get($map: $distance-map, $key: $size);margin-top: map-get($map: $distance-map, $key: $size);}
	/* 左右下方向外边距 */
	.margin-lrb-#{$size} {margin-left: map-get($map: $distance-map, $key: $size);margin-right: map-get($map: $distance-map, $key: $size);margin-bottom: map-get($map: $distance-map, $key: $size);}
	/* 垂直方向外边距 */
	.margin-tb-#{$size} {margin-top: map-get($map: $distance-map, $key: $size);margin-bottom: map-get($map: $distance-map, $key: $size);}
	/* 内边距*/
	.padding-#{$size} {padding: map-get($map: $distance-map, $key: $size);}
	/* 内边距顶部距离 */
	.padding-top-#{$size} {padding-top: map-get($map: $distance-map, $key: $size);}
	/* 内边距底部距离 */
	.padding-bottom-#{$size} { padding-bottom: map-get($map: $distance-map, $key: $size);}
	/* 内边距左边距离 */
	.padding-left-#{$size} {padding-left: map-get($map: $distance-map, $key: $size);}
	/* 内边距右边距离 */
	.padding-right-#{$size} {padding-right: map-get($map: $distance-map, $key: $size);}
	/* 水平方向内边距 */
	.padding-lr-#{$size} {padding-left: map-get($map: $distance-map, $key: $size);padding-right: map-get($map: $distance-map, $key: $size);}
	/* 左右上方向内边距 */
	.padding-lrt-#{$size} {padding-left: map-get($map: $distance-map, $key: $size);padding-right: map-get($map: $distance-map, $key: $size);padding-top: map-get($map: $distance-map, $key: $size);}
	/* 左右下方向内边距 */
	.padding-lrb-#{$size} {padding-left: map-get($map: $distance-map, $key: $size);padding-right: map-get($map: $distance-map, $key: $size);padding-bottom: map-get($map: $distance-map, $key: $size);}
	/* 垂直方向内边距 */
	.padding-tb-#{$size} {padding-top: map-get($map: $distance-map, $key: $size);padding-bottom: map-get($map: $distance-map, $key: $size);}
}

/* ====================
		文字尺寸
 ======================*/
$text-map:(
	xs:$unify-text-xs,
	sm:$unify-text-sm,
	md:$unify-text-md,
	lg:$unify-text-lg,
	xl:$unify-text-xl,
	xxl:$unify-text-xxl,
);
@each $size in xs,sm,md,lg,xl,xxl {
	.text-#{$size} {font-size: map-get($map: $text-map, $key: $size) !important;}
}

/* ====================
		圆角尺寸
 ======================*/
$radiusSize-map:(
	xs:$unify-radius-xs,
	sm:$unify-radius-sm,
	md:$unify-radius-md,
	lg:$unify-radius-lg,
	xl:$unify-radius-xl,
	xxl:$unify-radius-xxl,
);
@each $size in xs,sm,md,lg,xl,xxl {
	/* 全角 */
	.radius-#{$size} {border-radius: map-get($map: $radiusSize-map, $key: $size);}
	/* 左上角 */
	.radius-lt-#{$size} {border-top-left-radius: map-get($map: $radiusSize-map, $key: $size);}
	/* 上左右角 */
	.radius-lrt-#{$size} {border-top-left-radius: map-get($map: $radiusSize-map, $key: $size);border-top-right-radius: map-get($map: $radiusSize-map, $key: $size);}
	/* 右上角 */
	.radius-rt-#{$size} {border-top-right-radius: map-get($map: $radiusSize-map, $key: $size);}
	/* 左下角 */
	.radius-rb-#{$size} {border-bottom-right-radius: map-get($map: $radiusSize-map, $key: $size);}
	/* 下左右角 */
	.radius-lrb-#{$size} {border-bottom-right-radius: map-get($map: $radiusSize-map, $key: $size);border-bottom-left-radius: map-get($map: $radiusSize-map, $key: $size);}
	/* 右下角 */
	.radius-lb-#{$size} {border-bottom-left-radius: map-get($map: $radiusSize-map, $key: $size);}
}

/* ====================
		定位
 ======================*/
.position-relative{position: relative !important;}/* 相对定位 */
.position-absolute{position: absolute !important;}/* 绝对定位 */
.position-absolute-lt{position: absolute !important;left: 0;top: 0;}/* 左上角 */
.position-absolute-rt{position: absolute !important;right: 0;top: 0;}/* 右上角 */
.position-absolute-lb{position: absolute !important;left: 0;bottom: 0;}/* 左下角 */
.position-absolute-rb{position: absolute !important;right: 0;bottom: 0;}/* 右下角 */
/* 保证元素在页面窗口中的对应位置显示 */
.position-fixed{position: fixed !important;}
/* 指的是仅当元素滚动到页面之外时，元素会固定在页面窗口的顶部 */
.position-sticky{position: sticky !important;}

/* ==============================================
		背景颜色（theme:主色 / theme-help:辅助色）辅助色在主色后面多一个`s`
 =================================================*/
 /* 主色*/
.bg-theme{background-color: $unify-color-theme;}/* 主题颜色 */
.bg-red{background-color: $unify-color-red;}/* 红色 */
.bg-orange{background-color: $unify-color-orange;}/* 橙色 */
.bg-yellow{background-color: $unify-color-yellow;}/* 黄色 */
.bg-green{background-color: $unify-color-green;}/* 绿色 */
.bg-cyan{background-color: $unify-color-cyan;}/* 青色 */
.bg-blue{background-color: $unify-color-blue;}/* 蓝色 */
.bg-purple{background-color: $unify-color-purple;}/* 紫色 */
.bg-black{background-color: $unify-color-black;}/* 黑色 */
.bg-gray{background-color: $unify-color-gray;}/* 灰色 */
.bg-white{background-color: $unify-color-white;}/* 白色 */
/* 辅助色 */
.bg-theme-help{background-color: $unify-color-theme-help;}/* 辅助主题颜色 */
.bg-red-help{background-color: $unify-color-red-help;}/* 辅助红色 */
.bg-orange-help{background-color: $unify-color-orange-help;}/* 辅助橙色 */
.bg-yellow-help{background-color: $unify-color-yellow-help;}/* 辅助黄色 */
.bg-green-help{background-color: $unify-color-green-help;}/* 辅助绿色 */
.bg-cyan-help{background-color: $unify-color-cyan-help;}/* 辅助青色 */
.bg-blue-help{background-color: $unify-color-blue-help;}/* 辅助蓝色 */
.bg-purple-help{background-color: $unify-color-purple-help;}/* 辅助紫色 */
.bg-black-help{background-color: $unify-color-black-help;}/* 辅助黑色 */
.bg-gray-help{background-color: $unify-color-gray-help;}/* 辅助灰色 */
.bg-white-help{background-color: $unify-color-white-help;}/* 辅助白色 */
/* ====================================================================
		字体颜色（theme:主色 / theme-help:辅助色）辅助色在主色后面多一个`s`
 ======================================================================*/
 /* 主色*/
.color-theme{color: $unify-color-theme;}/* 主题字体颜色 */
.color-red{color: $unify-color-red;}/* 红色 */
.color-orange{color: $unify-color-orange;}/* 橙色 */
.color-yellow{color: $unify-color-yellow;}/* 黄色 */
.color-green{color: $unify-color-green;}/* 绿色 */
.color-cyan{color: $unify-color-cyan;}/* 青色 */
.color-blue{color: $unify-color-blue;}/* 蓝色 */
.color-purple{color: $unify-color-purple;}/* 紫色 */
.color-black{color: $unify-color-black;}/* 黑色 */
.color-gray{color: $unify-color-gray;}/* 灰色 */
.color-white{color: $unify-color-white;}/* 白色 */
/* 辅助色 */
.color-theme-help{color: $unify-color-theme-help;}/* 辅助主题字体颜色 */
.color-red-help{color: $unify-color-red-help;}/* 辅助红色 */
.color-orange-help{color: $unify-color-orange-help;}/* 辅助橙色 */
.color-yellow-help{color: $unify-color-yellow-help;}/* 辅助黄色 */
.color-green-help{color: $unify-color-green-help;}/* 辅助绿色 */
.color-cyan-help{color: $unify-color-cyan-help;}/* 辅助青色 */
.color-blue-help{color: $unify-color-blue-help;}/* 辅助蓝色 */
.color-purple-help{color: $unify-color-purple-help;}/* 辅助紫色 */
.color-black-help{color: $unify-color-black-help;}/* 辅助黑色 */
.color-gray-help{color: $unify-color-gray-help;}/* 辅助灰色 */
.color-white-help{color: $unify-color-white-help;}/* 辅助白色 */


/* 文字颜色 */
.color-main{color: $unify-color-main;} //一级文字/正文/主标题
.color-often{color: $unify-color-often;}//二级文字/副标/常规内容
.color-help{color: $unify-color-help;}//三级文字/补充描述/辅助内容
.color-fill{color: $unify-color-fill;}//四级文字/占位内容

/* =====================
		渐变背景颜色
 =======================*/
 /* 主题色渐变*/
 .bg-theme-top{background-image: linear-gradient(to top, $unify-color-theme, $unify-color-theme-help);}
 .bg-theme-bottom{background-image: linear-gradient(to bottom, $unify-color-theme, $unify-color-theme-help);}
 .bg-theme-left{background-image: linear-gradient(to left, $unify-color-theme, $unify-color-theme-help);}
 .bg-theme-right{background-image: linear-gradient(to right, $unify-color-theme, $unify-color-theme-help);}
  /* 红色渐变*/
 .bg-red-top{background-image: linear-gradient(to top, $unify-color-red, $unify-color-red-help);}
 .bg-red-bottom{background-image: linear-gradient(to bottom, $unify-color-red, $unify-color-red-help);}
 .bg-red-left{background-image: linear-gradient(to left, $unify-color-red, $unify-color-red-help);}
 .bg-red-right{background-image: linear-gradient(to right, $unify-color-red, $unify-color-red-help);}
   /* 橙色渐变*/
 .bg-orange-top{background-image: linear-gradient(to top, $unify-color-orange, $unify-color-orange-help);}
 .bg-orange-bottom{background-image: linear-gradient(to bottom, $unify-color-orange, $unify-color-orange-help);}
 .bg-orange-left{background-image: linear-gradient(to left, $unify-color-orange, $unify-color-orange-help);}
 .bg-orange-right{background-image: linear-gradient(to right, $unify-color-orange, $unify-color-orange-help);}
   /* 黄色渐变*/
 .bg-yellow-top{background-image: linear-gradient(to top, $unify-color-yellow, $unify-color-yellow-help);}
 .bg-yellow-bottom{background-image: linear-gradient(to bottom, $unify-color-yellow, $unify-color-yellow-help);}
 .bg-yellow-left{background-image: linear-gradient(to left, $unify-color-yellow, $unify-color-yellow-help);}
 .bg-yellow-right{background-image: linear-gradient(to right, $unify-color-yellow, $unify-color-yellow-help);}
   /* 绿色渐变*/
 .bg-green-top{background-image: linear-gradient(to top, $unify-color-green, $unify-color-green-help);}
 .bg-green-bottom{background-image: linear-gradient(to bottom, $unify-color-green, $unify-color-green-help);}
 .bg-green-left{background-image: linear-gradient(to left, $unify-color-green, $unify-color-green-help);}
 .bg-green-right{background-image: linear-gradient(to right, $unify-color-green, $unify-color-green-help);}
   /* 青色渐变*/
 .bg-cyan-top{background-image: linear-gradient(to top, $unify-color-cyan, $unify-color-cyan-help);}
 .bg-cyan-bottom{background-image: linear-gradient(to bottom, $unify-color-cyan, $unify-color-cyan-help);}
 .bg-cyan-left{background-image: linear-gradient(to left, $unify-color-cyan, $unify-color-cyan-help);}
 .bg-cyan-right{background-image: linear-gradient(to right, $unify-color-cyan, $unify-color-cyan-help);}
   /* 蓝色渐变*/
 .bg-blue-top{background-image: linear-gradient(to top, $unify-color-blue, $unify-color-blue-help);}
 .bg-blue-bottom{background-image: linear-gradient(to bottom, $unify-color-blue, $unify-color-blue-help);}
 .bg-blue-left{background-image: linear-gradient(to left, $unify-color-blue, $unify-color-blue-help);}
 .bg-blue-right{background-image: linear-gradient(to right, $unify-color-blue, $unify-color-blue-help);}
   /* 紫色渐变*/
 .bg-purple-top{background-image: linear-gradient(to top, $unify-color-purple, $unify-color-purple-help);}
 .bg-purple-bottom{background-image: linear-gradient(to bottom, $unify-color-purple, $unify-color-purple-help);}
 .bg-purple-left{background-image: linear-gradient(to left, $unify-color-purple, $unify-color-purple-help);}
 .bg-purple-right{background-image: linear-gradient(to right, $unify-color-purple, $unify-color-purple-help);}
 /* 黑色渐变*/
 .bg-black-top{background-image: linear-gradient(to top, $unify-color-black, $unify-color-black-help);}
 .bg-black-bottom{background-image: linear-gradient(to bottom, $unify-color-black, $unify-color-black-help);}
 .bg-black-left{background-image: linear-gradient(to left, $unify-color-black, $unify-color-black-help);}
 .bg-black-right{background-image: linear-gradient(to right, $unify-color-black, $unify-color-black-help);}
 /* 灰色渐变*/
 .bg-gray-top{background-image: linear-gradient(to top, $unify-color-gray, $unify-color-gray-help);}
 .bg-gray-bottom{background-image: linear-gradient(to bottom, $unify-color-gray, $unify-color-gray-help);}
 .bg-gray-left{background-image: linear-gradient(to left, $unify-color-gray, $unify-color-gray-help);}
 .bg-gray-right{background-image: linear-gradient(to right, $unify-color-gray, $unify-color-gray-help);}
 /* 白色渐变*/
 .bg-white-top{background-image: linear-gradient(to top, $unify-color-white, $unify-color-white-help);}
 .bg-white-bottom{background-image: linear-gradient(to bottom, $unify-color-white, $unify-color-white-help);}
 .bg-white-left{background-image: linear-gradient(to left, $unify-color-white, $unify-color-white-help);}
 .bg-white-right{background-image: linear-gradient(to right, $unify-color-white, $unify-color-white-help);}
 
 /* 分割线 */
 .divider{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-divider !important;}
 .divider-left{border-left-width: 2rpx !important;border-left-style: solid !important;border-left-color: $unify-color-divider !important;}
 .divider-right{border-right-width: 2rpx !important;border-right-style: solid !important;border-right-color: $unify-color-divider !important;}
 .divider-top{border-top-width: 2rpx !important;border-top-style: solid !important;border-top-color: $unify-color-divider !important;}
 .divider-bottom{border-bottom-width: 2rpx !important;border-bottom-style: solid !important;border-bottom-color: $unify-color-divider !important;}
 
 /* =====================
 		边框颜色
  =======================*/
 /* 主色边框 */
 .border-theme{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-theme !important;}
 .border-red{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-red !important;}
 .border-orange{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-orange !important;}
 .border-yellow{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-yellow !important;}
 .border-green{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-green !important;}
 .border-cyan{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-cyan !important;}
 .border-blue{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-blue !important;}
 .border-purple{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-purple !important;}
 .border-black{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-black !important;}
 .border-gray{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-gray !important;}
 .border-white{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-white !important;}
 /* 辅色边框 */
 .border-theme-help{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-theme-help !important;}
 .border-red-help{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-red-help !important;}
 .border-orange-help{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-orange-help !important;}
 .border-yellow-help{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-yellow-help !important;}
 .border-green-help{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-green-help !important;}
 .border-cyan-help{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-cyan-help !important;}
 .border-blue-help{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-blue-help !important;}
 .border-purple-help{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-purple-help !important;}
 .border-black-help{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-black-help !important;}
 .border-gray-help{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-gray-help !important;}
 .border-white-help{border-width: 2rpx !important;border-style: solid !important;border-color: $unify-color-white-help !important;}
 
 /* 点击状态颜色*/
 .hover{background-color: $unify-color-hover;}

/* =====================
		基础CLASS
 =======================*/
 /* 超出行数隐藏（ellipsis-{1-12}）*/
 @for $i from 1 through 13 {
   .ellipsis-#{$i} {
 	  overflow: hidden;
 	  text-overflow: ellipsis !important;
 	  /* #ifndef APP-NVUE */
 	  display: -webkit-box;
 	  -webkit-box-orient: vertical;
 	  -webkit-line-clamp: $i !important;
 	  /* #endif */
 	  /* #ifdef APP-NVUE */
 	  lines: $i;
 	  /* #endif */
   }
 }
 /* flex-{1~12} */
 @for $i from 1 to 13 {.flex-#{$i}{flex: $i !important;}}
 /* 文字位置*/
 .text-center{text-align: center;}
 .text-left{text-align: left;}
 .text-right{text-align: right;}
 .text-bold{font-weight: bold;}
 .text-decoration{text-decoration:line-through}